<%@ page contentType="text/html;charset=UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="css_js/_main.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="css_js/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">

var isHide = false;

$(function(){

	$(".subTreeTable td").bind("mouseover",function(){
		$(this).removeClass("mouseOutClass");
		$(this).addClass("mouseOverClass");
	});
	
	$(".subTreeTable td").bind("mouseout",function(){
		$(this).removeClass("mouseOverClass");
		$(this).addClass("mouseOutClass");
	});
	
	for(var i=1;i<=2;i++){
		if(i==1){
			$(".left_tree"+i).show();
			$(".left_treeControl" + i).attr("src","image/left_tree_close.gif");
		}else{
			$(".left_tree"+i).hide();
			$(".left_treeControl" + i).attr("src","image/left_tree_open.gif");
		}
		
		$(".left_treeControl"+i).bind("click",function(){
			var indexNum = $(this).attr("class").substring($(this).attr("class").length-1,$(this).attr("class").length);
			if($(this).attr("src").indexOf("open") != -1){
				closeAll();
				$(this).attr("src","image/left_tree_close.gif");
				$(".left_tree"+indexNum).show();
			}else{
				$(this).attr("src","image/left_tree_open.gif");
				$(".left_tree"+indexNum).hide();
			}
		})
		
	}
	
	function closeAll(){
		for(var i=1;i<=2;i++){
			$(".left_treeControl"+i).attr("src","image/left_tree_open.gif");
			$(".left_tree"+i).hide();
		}
	}
	
	$(".centerControl").bind("click",function(){
		if(isHide){
			$("#leftT").show();
			isHide = false;
			$("#center_Control_Img").attr("src","image/index_center_control.jpg");
		}else{
			$("#leftT").hide();
			isHide = true;
			$("#center_Control_Img").attr("src","image/index_center_control1.jpg");
		}
	});
});

</script>

</head>

<body STYLE='OVERFLOW:HIDDEN;OVERFLOW-Y:HIDDEN'>
<table width="100%" height="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="76" valign="top">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td colspan="3" class="topTd"><img src="image/logo.gif" width="130" height="64"></td>
          </tr>
          <tr>
            <td width="45%" height="30" class="topLeft"><span style="color:#444444">系统管理员 欢迎您　</span> <span style="color:#0871ee">支持热线(010-00000000)　</span> <span style="color:#ed4101">使用帮助　</span> <span style="color:#0871ee">联系我们</span> </td>
            <td width="1%"><img src="image/topButLine.gif" width="36" height="30"></td>
            <td width="53%" class="topRight"><img src="image/icon/gzt.gif" width="16" height="15" align="absmiddle"> 工作台| <img src="image/icon/wdxx.gif" width="16" height="12"> 我的消息(0) | <img src="image/icon/wdzh.gif" width="16" height="16" align="absmiddle"> 我的账户 | <img src="image/icon/tc.gif" width="10" height="10" align="absmiddle"><a href="crm/j_spring_security_logout"> 退出 | </a><img src="image/icon/bz.gif" width="16" height="15" align="absmiddle"> 帮助 | <img src="image/icon/gy.gif" width="16" height="16" align="absmiddle"> 关于</td>
          </tr>
        </table>
    </td>
  </tr>
  <tr>
    <td height="6"></td>
  </tr>
  <tr>
    <td valign="top">
        <table width="100%" height="100%" cellpadding="0" cellspacing="0" border="0" >
          <tr>
            <td width="159" valign="top" id="leftT">
            <table width="100%" cellpadding="0" cellspacing="0" id="left_tree_main">
              <tr>
                <td height="27" colspan="2" align="center" background="image/left_main_bg.gif"><span style="color:#004e7b;font-size:14px; font-weight:bold;">操作菜单</span></td>
              </tr>
              
              
              <tr>
                <td width="77%" class="f_td"><img align="absmiddle" src="image/left_tree1.gif" width="17" height="20"> 客户管理</td>
                <td width="27%" class="f_td"><img class="left_treeControl1" src="image/left_tree_open.gif" style="cursor:pointer" width="15" height="15"></td>
              </tr>
              <tr class="left_tree1">
                <td colspan="2"><table width="100%" class="subTreeTable">
                  <tr>
                    <td><img align="absmiddle" src="image/left_tree1_1.gif" width="16" height="16"><a target="mainContent" href="cm/custom!input.action"> 客户拜访</a></td>
                  </tr>
                  <tr>
                    <td><img align="absmiddle" src="image/left_tree1_2.gif" width="16" height="16"><a target="mainContent" href="dictionary/dictionary-class.action"> 联系人列表</a></td>
                  </tr>
                  <tr>
                    <td><img align="absmiddle" src="image/left_tree1_3.gif" width="16" height="16"> 联系记录列表</td>
                  </tr>
                  <tr>
                    <td> <img align="absmiddle" src="image/left_tree1_4.gif" width="16" height="16"> 防重名策略</td>
                  </tr>
                </table></td>
              </tr>
              <tr>
                <td class="f_td"><img align="absmiddle" src="image/left_tree1.gif" width="17" height="20"> 客户管理</td>
                <td class="f_td"><img class="left_treeControl2" src="image/left_tree_open.gif" style="cursor:pointer" width="15" height="15"></td>
              </tr>
              <tr class="left_tree2">
                <td colspan="2">
					<table width="100%" border="0" cellspacing="0" cellpadding="0" class="subTreeTable">
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_1.gif" width="16" height="16"> 客户拜2访</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_2.gif" width="16" height="17"> 联系人列表</td>
					  </tr>
					  <tr>
						<td><img align="absmiddle" src="image/left_tree2_3.gif" width="15" height="17"> 联系记录列表</td>
					  </tr>
					  <tr>
					    <td><img align="absmiddle" src="image/left_tree2_4.gif" width="16" height="16"> 防重名策略</td>
				      </tr>
				</table></td>
				  </tr>
            </table>
            </td>
            <td width="8" class="centerControl"><img id="center_Control_Img" src="image/index_center_control.jpg" width="8" height="113" ></td>
            <td valign="top" class="rightTD">
              	<iframe name="mainContent" src="workdesk.action" width="100%" height="100%" frameborder="0"></iframe>
            </td>
          </tr>
        </table>
    </td>
  </tr>
</table>
</body>
</html>
